<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>小米商城-为发烧而生_商品详情页</title>
    <link
      rel="shortcut icon"
      href="//s01.mifile.cn/favicon.ico"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="/libs/swiper/css/swiper.css" />
    <link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="/css/details.css" />
  </head>
  <body>
    <div class="xiaomi">
      <header></header>
      <!-- 内容开始 -->
      <section>
        <div class="details">
          <div class="titles">
            <div class="contents">
              <p
                class="pr"
                style="display: flex;justify-content: space-between;"
              >
                <b>小米9se</b
                ><a
                  href=""
                  style="color: #b0b0b0; font-size: 14px;font-weight: bold;"
                  >用户评价</a
                >
              </p>
            </div>
          </div>
          <div class="denglu" id="denglu">
            <p>
              为方便您购买，请提前登录<a href="">立即登录</a
              ><i id="close" class="fa fa-close"></i>
            </p>
          </div>
          <div class="contents">
            <div class="Phones_details" id="detailsContent"></div>
            <script type="text/html" id="getdetailsConent">
              <div class="tupian">
                <div class="xs_tupian">

                  <img src="{{imgs[0]}}" alt="" class="zoom-image"/>

                </div>
                <div class="xiaotu">
                  <ul id="gal1">

                    {{each imgs img}}
                    <li>
                      <a href="javascript:;" data-image="{{img}}" data-zoom-image="{{img}}"><img src="{{img}}" alt="" class="smallpic" /></a>
                      </li>
                    {{/each}}
                  </ul>
                </div>
              </div>
              <div class="jieshao">

                <!-- <script type="text/html" id="getdetailsConent"> -->
                  <div class="tile">{{title}}</div>
                  <p class="jianjie">
                   {{introdution}}
                  </p>
                  <div class="dianmian">小米自营</div>
                  <div class="price">{{price}}元<i>{{originalPrice}}元</i></div>
                  <hr />
                  <div class="configuration">
                    <h3>选择版本</h3>
                    <div class="configuration_one">
                      {{each edition edi}}
                      <p>{{edi}}</p>

                      {{/each}}
                    </div>
                  </div>
                  <div class="Choose_color">
                    <h3>选择颜色</h3>
                    <div class="Choose_colors">
                       {{each color edi}}
                    <p>{{edi}}</p>

                    {{/each}}
                    </div>

                    <!-- <p>全息幻彩蓝</p> -->
                  </div>
                  <div class="summary">
                    <p>
                      <i>{{title}}
                        {{each edition[0] edi}}{{edi}}{{/each}}
                        {{each color[0] edi}}{{edi}}{{/each}} </i>
                      <b>{{price}}元<s>{{originalPrice}}元</s></b>

                    </p>
                    <div class="zongjie">
                      <b>总计：</b>
                      <i>{{price}}</i>
                      <s>元</s>
                    </div>
                </div>
                <div class="goods">
                  <p id="addCart">
                    加入购物车
                  </p>
                  <span><i class="fa fa-heart-o"></i>喜欢</span>
                </div>
              </div>
            </script>
          </div>
        </div>
      </section>
      <!-- 内容结束 -->

      <footer></footer>
      <div id="cart" class="cart">
        <span>0</span>
      </div>
    </div>

    <script src="/libs/require/require.min.js" data-main="/js/details"></script>
  </body>
</html>
